<template>
  <view>
    <c-header></c-header>
    <swiper-taro :classA="classA"></swiper-taro>
    <function-box :funBoxList="funBoxList"></function-box>
    <sixBox :items='items'></sixBox>
    <sixBox :items='items1'></sixBox>
    <sixBox :items='items2'></sixBox>
    <sixBox :items='items3'></sixBox>
    <fourBox></fourBox>
    <focusBox></focusBox>
    <campus></campus>
    <issue></issue>
    <guide></guide>
    <c-footer></c-footer>
    <view class="fixed-consultation"></view>
  </view>
</template>

<script>
import "./index.css";
import Taro from "@tarojs/taro";
import headers from '../../components/header/headers.vue';
import swiper from '../../components/swiper/swiper.vue'
import boxFour from '../../components/fourBox/fourBox.vue'
import Focus from '../../components/focus/focus.vue';
import functionBox from '../../components/functionBox/functionBox.vue';
import taroSixBox from '../../components/sixBox/sixBox.vue';
import schoolSelectionGuide from '../../components/guide/guide.vue';
import askedQuestions from '../../components/issue/issue.vue';
import campusOpenHouse from '../../components/campus/campus.vue';
import footers from '../../components/footer/footers.vue';
export default {
  components:{
    footers,
    headers,
    swiper,
    functionBox,
    boxFour,
    Focus,
    taroSixBox,
    schoolSelectionGuide,
    askedQuestions,
    campusOpenHouse
  },
  name: "",
  data() {
  
    return {
      classA:'class-a' ,
      show: false,
      show2: false,
      isShow: true,
           funBoxList: [
        {
          id: '0',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_01.png",
          title: "国际学校",

        },
        {
          id: '1',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_02.png",
          title: "海外高中",
        },
        {
          id: '2',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_03.png",
          title: "国外大学",
        },
        {
          id: '3',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_07.png",
          title: "留学预科",
        },
        {
          id: '4',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_04.png",
          title: "择校指南",
        },
        {
          id: '5',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_08.png",
          title: "校园开放日",
        },
        {
          id: '6',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_05.png",
          title: "有问必答",
        },
        {
          id: '7',
          imgUrls:
            "https://www.k12zx.com/statics/index/ahs_pc_img/img_06.png",
          title: "专题",
        },
      ],
       items: {
        detailId:'0',
        name: "国际热门学校直达",
        gjList: [
          {
            id: 1,
            imgUrls:
              "https://img.k12zx.com/schoologo/16518163036415.jpg",
            title: "广州汇景新城实验小学",
          },
          {
            id: 2,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 3,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 4,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 5,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 6,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
        ],
      },
      items1: {
        detailId:'1',
        name: "国际海外高中直达",
        gjList: [
          {
            id: 1,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 2,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 3,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 4,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 5,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 6,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
        ],
      },
      items2: {
        detailId:'2',
        name: "国际国外大学直达",
        gjList: [
          {
            id: 1,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 2,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 3,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 4,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 5,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 6,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
        ],
      },
       items3: {
        detailId:'3',
        name: "热门留学预科院校直达",
        gjList: [
          {
            id: 1,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 2,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 3,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 4,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 5,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
          {
            id: 6,
            imgUrls:
              "https://marketplace.canva.cn/CGEHc/MAB3uLCGEHc/2/tl/canva-%E9%BD%BF%E8%BD%AE%E5%9B%BE%E6%A0%87-gear-icon-MAB3uLCGEHc.png",
            title: "测试文字",
          },
        ],
      },
      // 可以使用所有的 Vue 生命周期方法
      mounted() {},

      // onLoad
      onLoad() {},

      // onReady
      onReady() {
        
      },

      // 对应 onShow 显示的时候
      onShow() {},

      // 对应 onHide 隐藏的时候
      onHide() {},

      // 对应 onPullDownRefresh
      onPullDownRefresh() {},
    
       onReachBottom:function () {
        console.log(上拉刷新);
      },
    };
  },
  methods: {
    
  },
};
</script>
